<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
use app\assets\AppAsset;

AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <!--bootstrap样式-->
    <?php $this->head() ?>
    <style type="text/css">
    html,body{
        margin:0px;
        height:100%;
    }

    #warp{
    height:100%;
    background-color:#CCF;
    }
    .imgtest{
    overflow:hidden;
    }
    .list_ul figcaption p{
    font-size:12px;
    color:#aaa;
    }
    .imgtest figure div{
    display:inline-block;
    width:30px;
    height:30px;
    margin-right: 5px;
    margin-top:10px; 
    border-radius:100px;
    border:2px solid #fff;
    overflow:hidden;
    -webkit-box-shadow:0 0 3px #ccc;
    box-shadow:0 0 3px #ccc;
    }
    .imgtest img{
    width:100%;
    min-height:100%; 
    text-align:center;
    }
    </style>
    <script src="bootstrap/js/jquery-2.2.0.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>  

    <script type="text/javascript">
        $(document).ready(function(){
            body = $(window).height();
            nav = $('nav').height();  
            $('#left').height(body-nav);
            $('#22').click(function(){
                alert('1');
            });    
        });
    </script>
</head>
<body >
<?php $this->beginBody() ?>

    <div id="warp">
        <!--导航栏-->
        <nav class="navbar navbar-default" style="margin:0px;border: 0px;border-radius: 0px">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#" ><div style="display: block;width: 180px;"><img style="" src="11" style="width: 60px"></div></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li class=""><a href="#">Link</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
              <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
              </form>
              <ul class="nav navbar-nav navbar-right">
              <a href="#" style="text-decoration:none;">
                <div style="display: table;margin-right:10px ">
                <div style="display: table-cell;">
                <div class="imgtest" >
                <figure ><div >
                <img  />
                </div> </figure>
                </div>
                </div>
                <div style="font-size: 13px;color:#555;vertical-align:middle; display: table-cell;">傻逼护士</div>
                </div>
              </a>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>

        <!--左边栏目-->
        <div style="width: 180px;background: #52555A; float: left" id = "left">

        </div>
          <button id="22">11</button>
        <?= $content ?>
        
    </div>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
